package com.yzz.hzraisedust.hzraseidust.main.devicedetail;

import android.app.Fragment;
import android.graphics.Color;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ListView;

import com.yzz.hzraisedust.hzraseidust.R;
import com.yzz.hzraisedust.hzraseidust.main.pmdetail.PMDetailAdapter;
import com.yzz.hzraisedust.hzraseidust.modelbean.PmDetailItemBean;
import com.yzz.hzraisedust.hzraseidust.modelbean.RequstItemBean;

import java.text.DateFormat;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Calendar;
import java.util.Date;
import java.util.List;

import lecho.lib.hellocharts.model.Axis;
import lecho.lib.hellocharts.model.AxisValue;
import lecho.lib.hellocharts.model.Line;
import lecho.lib.hellocharts.model.LineChartData;
import lecho.lib.hellocharts.model.PointValue;
import lecho.lib.hellocharts.model.ValueShape;
import lecho.lib.hellocharts.model.Viewport;
import lecho.lib.hellocharts.view.LineChartView;

/**
 * Created by zhengzhen on 2017/8/27.
 */

public class PmFragment extends Fragment{

    private ListView mListView;
    private LineChartView mLineCharView;
    private List<PointValue> mPointValues = new ArrayList<PointValue>();
    private List<PointValue> mPointPm2_5Values = new ArrayList<PointValue>();
    private List<AxisValue> mAxisXValues = new ArrayList<AxisValue>();

    private String mSN;
    private RequstItemBean<PmDetailItemBean> mPmItems;

    private static PmFragment Instance;
    public static PmFragment getInstance(){
        if(Instance == null){
            Instance = new PmFragment();
        }
        return Instance;
    }

    private boolean type;

    public boolean isType() {
        return type;
    }

    public void setType(boolean type) {
        this.type = type;
    }
    public void setItem(RequstItemBean<PmDetailItemBean> itemBeanRequstItemBean){
        mPmItems = itemBeanRequstItemBean;
    }


    @Override
    public void onResume() {
        super.onResume();

    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.activity_pm_detail,container,false);
        mLineCharView = view.findViewById(R.id.pm_line_char_view);
        mListView = view.findViewById(R.id.pm10_value_list);
        PMDetailAdapter adapter = new PMDetailAdapter(getActivity(),mPmItems.getRows());
        mListView.setAdapter(adapter);

        getAxisXLables();//获取x轴的标注
        getAxisPoints();//获取坐标点
        initLineChart();//初始化
        return view;
    }


    private int maxValue = 500;
    /**
     * 设置X 轴的显示
     */
    private void getAxisXLables(){
        int count = mPmItems.getRows().size();
        for (int i = 0; i < count; i++) {
            PmDetailItemBean item = mPmItems.getRows().get(i);

                if (item.getPm10() > maxValue) {
                    maxValue = (int)(item.getPm10()+1);
                }
                if (item.getNoise() > maxValue) {
                    maxValue = (int)(item.getNoise()+1);
                }
                String lablt = "";
            DateFormat format= new SimpleDateFormat("yyyy/MM/dd HH:mm:ss");
            Date date = null;
            Calendar calendar = Calendar.getInstance();
            try {
                date = format.parse(item.getUpdatetime());
                calendar.setTime(date);

            } catch (ParseException e) {
                e.printStackTrace();
            }
         //   if(i%2 == 0){
                lablt = calendar.get(Calendar.HOUR_OF_DAY)+"时"+calendar.get(Calendar.MINUTE)+"分";
          //  }
            mAxisXValues.add(new AxisValue(i).setLabel(lablt));

        }
    }

    /**
     * 图表的每个点的显示
     */
    private void getAxisPoints(){
        for (int i = 0; i < mPmItems.getRows().size(); i++) {

                mPointValues.add(new PointValue(i, mPmItems.getRows().get(i).getPm10()));
                mPointPm2_5Values.add(new PointValue(i, mPmItems.getRows().get(i).getPm2_5()));

        }
    }
    private void initLineChart(){
        Line line = new Line(mPointValues).setColor(Color.parseColor("#cb0133"));  //折线的颜色（橙色）
        List<Line> lines = new ArrayList<Line>();
        line.setShape(ValueShape.CIRCLE);//折线图上每个数据点的形状  这里是圆形 （有三种 ：ValueShape.SQUARE  ValueShape.CIRCLE  ValueShape.DIAMOND）
        line.setCubic(true);//曲线是否平滑，即是曲线还是折线
        line.setFilled(false);//是否填充曲线的面积
        line.setHasLabels(true);//曲线的数据坐标是否加上备注
//      line.setHasLabelsOnlyForSelected(true);//点击数据坐标提示数据（设置了这个line.setHasLabels(true);就无效）
        line.setHasLines(true);//是否用线显示。如果为false 则没有曲线只有点显示
        line.setHasPoints(false);//是否显示圆点 如果为false 则没有原点只有点显示（每个数据点都是个大的圆点）

        Line lineNoise = new Line(mPointPm2_5Values).setColor(Color.parseColor("#009965"));  //折线的颜色（橙色）
        lineNoise.setShape(ValueShape.CIRCLE);//折线图上每个数据点的形状  这里是圆形 （有三种 ：ValueShape.SQUARE  ValueShape.CIRCLE  ValueShape.DIAMOND）
        lineNoise.setCubic(true);//曲线是否平滑，即是曲线还是折线
        lineNoise.setFilled(false);//是否填充曲线的面积
        lineNoise.setHasLabels(true);//曲线的数据坐标是否加上备注
//      line.setHasLabelsOnlyForSelected(true);//点击数据坐标提示数据（设置了这个line.setHasLabels(true);就无效）
        lineNoise.setHasLines(true);//是否用线显示。如果为false 则没有曲线只有点显示
        lineNoise.setHasPoints(false);//是否显示圆点 如果为false 则没有原点只有点显示（每个数据点都是个大的圆点）
        lines.add(lineNoise);
        lines.add(line);
        LineChartData data = new LineChartData();
        data.setLines(lines);

        //noise



        //坐标轴
        Axis axisX = new Axis(); //X轴
        axisX.setHasTiltedLabels(true);  //X坐标轴字体是斜的显示还是直的，true是斜的显示
        axisX.setTextColor(Color.BLACK);  //设置字体颜色
        //axisX.setName("date");  //表格名称
        axisX.setTextSize(10);//设置字体大小
        axisX.setMaxLabelChars(8); //最多几个X轴坐标，意思就是你的缩放让X轴上数据的个数7<=x<=mAxisXValues.length
        axisX.setValues(mAxisXValues);  //填充X轴的坐标名称
        data.setAxisXBottom(axisX); //x 轴在底部
        //data.setAxisXTop(axisX);  //x 轴在顶部
        axisX.setHasLines(true); //x 轴分割线

        // Y轴是根据数据的大小自动设置Y轴上限(在下面我会给出固定Y轴数据个数的解决方案)
        Axis axisY = new Axis();  //Y轴
        axisY.setName("");//y轴标注
        axisY.setTextSize(10);//设置字体大小
        data.setAxisYLeft(axisY);  //Y轴设置在左边

        //data.setAxisYRight(axisY);  //y轴设置在右边


        //设置行为属性，支持缩放、滑动以及平移
        mLineCharView.setInteractive(true);
        // mLineCharView.setZoomType(ZoomType.HORIZONTAL);
        //  mLineCharView.setMaxZoom((float) 2);//最大方法比例
        //  mLineCharView.setContainerScrollEnabled(true, ContainerScrollType.HORIZONTAL);
        mLineCharView.setLineChartData(data);
        mLineCharView.setVisibility(View.VISIBLE);
        /**注：下面的7，10只是代表一个数字去类比而已
         * 当时是为了解决X轴固定数据个数。见（http://forum.xda-developers.com/tools/programming/library-hellocharts-charting-library-t2904456/page2）;
         */
        Viewport v = new Viewport(mLineCharView.getMaximumViewport());v.bottom = 0;
        v.bottom = 0;
        v.top = maxValue;
        mLineCharView.setMaximumViewport(v);
        v.left = 0;
        v.right= mPmItems.getRows().size()-1;
        mLineCharView.setCurrentViewport(v);
    }

}
